<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-header">修改密码</div>
        <div class="layui-card-body" pad15>
          
          <div class="layui-form" lay-filter="">
            <div class="layui-form-item">
              <label class="layui-form-label">当前密码</label>
              <div class="layui-input-inline">
                <input type="password" name="oldPassword" lay-verify="required" lay-verType="tips" class="layui-input">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label">新密码</label>
              <div class="layui-input-inline">
                <input type="password" name="password" lay-verify="pass" lay-verType="tips" autocomplete="off" id="LAY_password" class="layui-input">
              </div>
              <div class="layui-form-mid layui-word-aux">6到18个字符</div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label">确认新密码</label>
              <div class="layui-input-inline">
                <input type="password" name="repassword" lay-verify="repass" lay-verType="tips" autocomplete="off" class="layui-input">
              </div>
            </div>
            <div class="layui-form-item">
              <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="setmypass">确认修改</button>
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>
  </div>
</div>


<script>
layui.use(['form', 'upload'], function(exports){
  var $ = layui.$
  ,layer = layui.layer
  ,laytpl = layui.laytpl
  ,setter = layui.setter
  ,view = layui.view
  ,admin = layui.admin
  ,form = layui.form
  ,upload = layui.upload;

  var $body = $('body');

  var tableData = layui.data(setter.tableName);
 
  /**
   *  为form表单初始赋值
   */
   var index = layer.load({shade: [0.4,'#def'], icon :'&#xe63d'});
   $(".layui-form").hide();

  $.ajax({
    url: '/api/admin/getInfoBySession',
    type: "GET",
    dataType: 'json',
    data: {
      group: 'base',
    },
    headers:{
      "token": 1
    },
    success: function (res) {
      if (res.code == 0) {
        form.val("adminInfo", res.data);
        // form.render();
        $(".layui-form").show();
        layer.close(index); 
      }
    }
  });

  form.render();
  
  //自定义验证
  form.verify({
    nickname: function(value, item){ //value：表单的值、item：表单的DOM对象
      if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
        return '用户名不能有特殊字符';
      }
      if(/(^\_)|(\__)|(\_+$)/.test(value)){
        return '用户名首尾不能出现下划线\'_\'';
      }
      if(/^\d+\d+\d$/.test(value)){
        return '用户名不能全为数字';
      }
    }
    
    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    ,pass: [
      /^[\S]{6,18}$/
      ,'密码必须6到18位，且不能出现空格'
    ]
    
    //确认密码
    ,repass: function(value){
      if(value !== $('#LAY_password').val()){
        return '两次密码输入不一致';
      }
    }
  });

    //设置密码
  form.on('submit(setmypass)', function(obj){
    // layer.msg(JSON.stringify(obj.field));
    
    admin.req({
      url: '/api/admin/changePasswordBySession'
      ,data: { data: obj.field}
      ,done: function(res){
        layer.msg(res.msg, {icon: 1,time: 800});
        if(res.code == 0){
          //清空本地记录的 token，并跳转到登入页
          admin.exit();
          
          window.location.href = '/admin/';
        } else {
          
        }
      }
    });

    return false;
  });
  

});
</script>